<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./styles/index.css">
    <link rel="stylesheet" href="./styles/main.css">
    <title>当当首页</title>
</head>

<body>
    <!-- 定位、登录注册... -->
    <section class="my-info">
        <section class="my-info_content">
            <div class="my-info_content_left">
                <div class="title">
                    <span>送至：</span><span>江苏</span><i class="fa fa-map-marker"></i>
                </div>
                <div class="content"></div>

            </div>
            <div class="my-info_content_right">
                <div>
                    欢迎光临当当，请登录
                    <span>成为会员</span>
                </div>
                <div>
                    |
                </div>
                <div>
                    我的云书房
                </div>
                <div>
                    |
                </div>
                <div class="parent">
                    <div class="title">
                        我的当当
                        <i class="fa fa-chevron-down"></i>
                    </div>
                    <div class="content one">1</div>
                </div>
                <div>
                    |
                </div>
                <div class="parent">
                    <div class="title">
                        0元购物<i class="fa fa-chevron-down"></i>
                    </div>
                    <div class="content four">4</div>
                </div>
                <div>
                    |
                </div>
                <div>
                    小说投稿
                </div>
                <div>
                    |
                </div>
                <div>
                    我要出书
                </div>
                <div>
                    |
                </div>
                <div class="parent">
                    <div class="title">
                        企业采购<i class="fa fa-chevron-down"></i>
                    </div>
                    <div class="content two">2</div>
                </div>
                <div>
                    |
                </div>
                <div class="parent">
                    <div class="title">
                        客户服务<i class="fa fa-chevron-down"></i>
                    </div>
                    <div class="content three">3</div>
                </div>
            </div>
        </section>

    </section>
    <div class="logo_lineparent">
        <div class="logo_line">
            <div class="logo">
                <img src="./image/dangdang/logo.gif" alt="">
            </div>
            <form action="" method="post">
                <div class="search">
                    <input type="text">
                    <div class="selection">
                        <span>选择分类</span>
                        <i class="fa fa-chevron-down"></i>
                    </div>
                    <div class="search_button"></div>
                </div>
            </form>
            <div class="shop_button">
                <div class="shopcar"></div>
                <div class="shoplist"></div>
            </div>
            <div class="search_word">

                <div class="search_hot">
                    <span>热搜: 爱的教育 笛莎 童装 一夜长大 早教 玩具书 唐狮 秒杀1元抢</span>
                    <span>高级搜索</span>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav_top">

            <div class="all">
                全部商品分类 <i class="fa fa-chevron-down"></i>
            </div>
            <div> 图书 </div>
            <div>电子书 </div>
            <div>网络文学 </div>
            <div>服装 </div>
            <div>运动户外</div>
            <div> 孕婴童 </div>
            <div>家居</div>
            <div> 当当优品</div>
            <div> 食品 </div>
            <div>Apple </div>
            <div>电器城</div>

        </div>
    </div>
    <div class="home">
        <div class="home_nav">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div class="nav1"></div>
        </div>
        <div class="hidden"></div>
    </div>


</body>

</html>